<template>
    <div>
        <h2>显示</h2>
        <table>
            <tr>
                <td>
                    房型名称<input type="text">
                    <button @click="add">查询</button>
                </td>
            </tr>
        </table>
        <table class="table table-bordered">
            <tbody>
                <tr class="bg bg-primary">
                    <td>房型名称</td>
                    <td>单价</td>
                    <td>室内面积</td>
                    <td>人数</td>
                    <td>图片</td>
                    <td>房型描述</td>
                    <td>有窗</td>
                    <td>操作</td>
                </tr>
            
                <tr>
                    <td>老七</td>
                    <td>77</td>
                    <td>777</td>
                    <td>1</td>
                    <td>
                        <img src="/src/img/【夜色】2024-08-22 15_22_24.png" width="100">
                    </td>
                    <td>无</td>
                    <td>有窗</td>
                    <td>
                        <button>删除</button>
                        <a href="upfang">修改</a>
                    </td>
                </tr>
                <tr>
                    <td>老八</td>
                    <td>88</td>
                    <td>888</td>
                    <td>1</td>
                    <td>
                        <img src="/src/img/【时崎狂三】2024-08-21 07_59_26.png" width="100">
                    </td>
                    <td>无</td>
                    <td>无窗</td>
                    <td>
                        <button>删除</button>
                        <a href="">修改</a>
                    </td>
                </tr>
                <!-- <tr v-for="item in fangshow">
                    <td>{{item.name}}</td>
                    <td>{{item.price}}</td>
                    <td>{{item.mianji}}</td>
                    <td>{{item.renshu}}</td>
                    <td>{{item.tupian}}</td>
                    <td>{{item.miaoshu}}</td>
                    <td>{{item.youchuang}}</td>
                    <td></td>
                </tr> -->
            </tbody>
        </table>
        <table>
            <tr>
                <td>
                    <a href="showfang">上一页</a>
                    <a href="shewfang">下一页</a>
                    <a href="showfang">1</a>
             
                    <a href="showfang">首页</a>
                    <a href="shewfang">尾页</a>
                    共1页，当前1/1页，共2条
                </td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import axios from "axios";
import { onMounted, reactive, ref } from "vue";
import { useRouter } from "vue-router";
import "bootstrap/dist/css/bootstrap.min.css";

const router = useRouter();






const fangshow=ref([]);
const form=reactive({
    start:{
        name:'',
        index:1,
        size:2
    },
    list:[],
    count:0,
    sum:0,
})

const add=()=>{
    router.push("showfong");
}



</script>

<style scoped>

</style>